<!-- 表单 》 车牌号 -->

<template>
  <FormInput v-bind="inputProps" @change="toChange" @blur="toBlur" @enter="toEnter">
    <!-- 标签 -->
    <template v-if="hasLabelSlot" #label>
      <slot name="label" :label="label">{{ label }}</slot>
    </template>

    <template v-if="hasPrefix" #prefix><slot name="prefix" /></template>
    <template v-if="hasSuffix" #suffix><slot name="suffix" /></template>
  </FormInput>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import mixInput from '../FormInput/mixInput'

const name = 'FormCarNo'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name,

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [mixInput],

  /**
   * 属性注册 (抽取以便查阅)
   */
  props: CORE.WEB[name],

  /**
   * 本地方法 (轻量重要在前)
   */
  methods: {
    /**
     * 提交改变
     */
    emitChange(value) {
      this.$emit('change', value)
    },
  },
}
</script>
